<template>
    <div>
	    <div class="graybg"></div>
		<div class="header header_bg">
  			<div class="header_left">
  				<i onclick="javascript:history.back(-1)" class="iconfont baiColor">&#xe612;</i>
  				<span class="baiColor yijian">意见反馈</span>
  			</div>
  			<div class="header_right">
  				<em class="baiColor">取消</em>
  			</div>
  		</div>
  		<div class="center" style="padding-top: 52px;">
  			<form action="" method="post">
  				<textarea v-model="yijian" name="yijian"
  					placeholder="欢迎提出宝贵的意见和建议~"></textarea>
  				<button @click="submits($event)">提交</button>
  			</form>
  		</div>
  		<div class="footerInfo center">
  			<p>紧急问题</p>
  			<p>可拨打客服热线，获得帮助</p>
  			<div class="tele">
  				4008-900-666
  			</div>
  			<p>客服工作时间: 周一至周日8:00-20:00</p>
  		</div>
    </div>

</template>


<script>
    export default{
        data(){
            return {
				yijian:''
            }
        },
        methods:{
        	submits:function(ev){
        		ev.preventDefault();
        		//意见反馈发送 请求 
		    	var params = new URLSearchParams();
		    	var info = window.localStorage.data;
				params.append('token', info);	//客户秘钥（信息）
				params.append('content', this.yijian);
				this.$axios({
					url: "One/My/feedback",
					method:"POST",
					data: params
				}).then((res) => {
					if(res.data.status == 1){
						alert('提交成功')
						this.$router.push({name: 'imy'});
					}else{
						alert('请重新提交')
					}
				}).catch(function(err) {
					console.log(err)
				})
        	}
        }
    }

</script>

<style scoped="scoped">
@import "../css/public.css";

.header .header_left{
	/*height: 36px;*/
	font-size: 18px;
	line-height: 22px;
	text-align: left;
}
.header .header_right{
	font-size: 15px;
	/*line-height: 42px;*/
}
.center{
	width: 95%;
	margin: 0 auto;
}
.center form{
	width: 100%;
}
.center form textarea{
	width: 95%;
	height: 113px;
	background: #fff;
}
.center button{
	background: #F3961F;
	width: 100%;
	height: 44px;
	border-radius: 10px;
	font-size: 18px;
	color: #FCFCFC;
	margin-top:10px;
}
.center textarea{
	padding: 15px 10px;
}
textarea::-webkit-input-placeholder{
	color: #999;
	font-size: 15px;
}
/*textarea::-webkit-input-placeholder { 
　　color:#999;font-size:15px;
　　}
textarea:-moz-placeholder { 
　　color:#999;font-size:15px;
　　}
textarea::-moz-placeholder {
　　color:#999;font-size:15px;
　　}
textarea:-ms-input-placeholder {
　　color:#999;font-size:15px;
}*/
.footerInfo{
	margin-top: 130px;
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.footerInfo p{
	margin-top: 19px;
}
.footerInfo .tele{
	margin-top: 19px;
	border-radius: 15px;
	border: solid 0.5px #F3961F;
	color: #F3961F;
	width: 45%;
	font-size: 14px;
	margin-left: 26%;
	padding: 5px;
}
</style>
